<!-- 导航菜单 -->
<template>
  <div class="nav">
    <ul>
      <li v-for="(item,index) in datas" :key="index">
        {{item.title}}
      </li>
    </ul>
    <slot></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },
  props:{
    datas:Array
  },
  components: {},
  computed: {},
  methods: {
  },
  mounted(){
  }
}
</script>
<style scoped>
.nav{
  background: #5566ef;
  color: white;
}
.nav ul li{
  list-style: none;
  display: inline-block;
  padding: 20px 30px;
}
</style>